<apes-card class="apes-storeCenter-control">

  <apes-tabset [apesType]="'card'">

    <apes-tab [apesTitle]="'工作台'">

      <!--查询区-->
      <div apes-row [apesGutter]="16" class="apes-item" style="padding: 16px;">
        <formly-form [model]="storeModel" [fields]="storeSearchField" (modelChange)="changDeptId()"></formly-form>
        <div apes-col [apesSpan]="4">
          <button apes-button [apesType]="'primary'" [apesSize]="'default'" (click)="queryData()">查询</button>
        </div>
      </div>

      <!--展示区-->
      <div apes-row [apesGutter]="16">
        <formly-form [model]="storeModel" [fields]="storeShowField" [options]="options"></formly-form>
        <div apes-col [apesSpan]="24" class="storeCenter-credits">
          <ng-container *ngFor="let data of creditsData">
            <div apes-row>
              <div apes-col [apesSpan]="2" style="text-align: right">信用额度：</div>
              <div apes-col [apesSpan]="22">
                <span>{{data.USED}}元已用/ {{data.AVAILABLE}}元可用</span>
                <span style="color: #bfbfbf;padding-left:6px;">([{{data.ID}}]{{data.NAME}})</span>
              </div>
            </div>
          </ng-container>

        </div>
      </div>

      <apes-todo-summary [toDoConfig]="toDoConfig"
                         [toDoType]="'经办'"
                         [init]="false"
                         [searchData]="searchLoading"></apes-todo-summary>

      <apes-data-driven [config]="config"
                        [init]="false"
                        [searchData]="searchLoading"></apes-data-driven>

    </apes-tab>

    <apes-tab [apesTitle]="'工作报告'">

    </apes-tab>

  </apes-tabset>

</apes-card>

